/*每个页面公共css */
/* H5的时候，隐藏滚动条 */
/* #ifdef H5 */
::-webkit-scrollbar {
	display: none;  
	width: 0 !important;  
	height: 0 !important;  
	-webkit-appearance: none;  
	background: transparent;  
}
/* #endif */

.pages {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	overflow-x: hidden;
	background-color: $BgColor;
	/* #ifdef H5 */
	padding-bottom: 100rpx;
	/* #endif */
}

//单行缩略
.clamp {
	white-space: nowrap;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
}
	
//两行缩略
.clamp-two {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	/*第二行显示 ...*/
	-webkit-box-orient: vertical !important;
}
	
//三行缩略
.clamp-three {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	/*第二行显示 ...*/
	-webkit-box-orient: vertical !important;
}

.unscroll {
	height: 100% !important;
	overflow: hidden !important;
}

.search-wrap {
	margin: 0rpx 0rpx;
	flex: 1;
}

.slot-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-end !important;
	flex: 1;
}

.right-item {
	margin: 0 12rpx;
	position: relative;
	color: #ffffff;
	display: flex;
}

button {
	margin: 0rpx;
	&:after {
		content: unset;
	}
}

.u-navbar--fixed {
	z-index: 1000 !important;
}

.u-skeleton__wrapper {
	padding-top: 20px !important;
}

.u-border-bottom {
	border-color: #eee !important;
}

uni-button[disabled]:not([type]), uni-button[disabled][type=default] {
	opacity: 0.4;
}
/deep/ .uni-toast,uni-toast,uni-modal, .uni-modal {
	z-index: 100003 !important;
}

.status-bar {
	height: var(--status-bar-height);
}

uni-page-refresh .uni-page-refresh {
	z-index: 100004 !important;
}

.drawpop /deep/ .u-drawer-content {
	background-color: #f5f5f5 !important;
	overflow: visible !important;
	height: 576rpx !important;
}

.numberkey  /deep/ .u-keyboard-grids {
	justify-content: space-around;
	padding: 0rpx 10rpx 5rpx 10rpx;
	
	.u-keyboard-grids-item {
		flex: 0 0 31%;
		margin-bottom: 15rpx;
		border-radius: 8rpx;
		background-color: white;
	}
	
	.u-keyboard-hover {
		background-color: #cccccc !important;
	}
}

.next_y {
	width: 17rpx;
	height: 30rpx;
}

.fail_imgbox {
	height: 160rpx;
	width: 160rpx;
	position: relative;

	.info {
		position: absolute;
		width: 124rpx;
		height: 124rpx;
		text-align: center;
		border-radius: 50%;
		background-color: rgba(#000000, 0.5);
		top: calc((100% - 124rpx) / 2);
		left: calc((100% - 124rpx) / 2);
		font-size: 28rpx;
		color: white;
		line-height: 124rpx;
		font-weight: bold;
		z-index: 100;
	}

	.img {
		width: 100%;
		height: 100%;
		border-radius: 10rpx;
		/deep/ .lazy{
			width: 100%;
			height: 100%;
		}
		/deep/ .img{
			border-radius: 10rpx;
		}
	}
}

// 禁用属性
.disabled {
	background: #ccc;
	background-color: #ccc !important;
}

/deep/ .edit_content_image{
	max-width: 100% !important;
	height: auto !important;
}

/deep/ .edit_content_p{
	font-size: 36rpx;
	line-height: 46rpx;
}

.required {
	display: flex;
	align-items: center;
	
	&:before {
		content:'*';
		color: red;
		margin-right: 10rpx;
		font-size: 24rpx;
		display: block;
		margin-right: 4rpx;
	}
}

.success {
	color: #04c821 !important;
}

.danger {
	color: #ff3b30 !important;
}

.gray {
	color: gray !important;
}

.u-textarea__field {
	min-height: 200rpx;
}

input[type="search"] {
	-webkit-appearance:none;
}
[type="search"]::-webkit-search-decoration {  
  display: none;  
}

input::-webkit-search-cancel-button {
	display: none;
}

.icon-choose{
	color: #ff3b30!important;
}